<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<style>
#right{
		margin-top:45px;
		background:white;
		height:400px;
		width:900px;
	}
.head{
		margin-left:60px;
		height:100px;
		width:350px;
		font-family:"宋体";
		padding-top:20px;
}
.tx{
		float:left;
		height:80px;
		width:80px;
		margin-left:45px;
		margin-right:15px;
}
.id{
		margin-top:10px;
		font-size:20px;
		font-weight:bold;
		font-family:"宋体";
}
.foot{
		list-style: none;
		width:750px;
		height:250px;
		margin-left:60px;
		font-size:15px;
		font-family:"宋体";
		margin-top:20px;
}
li{
		width:700px;
		height:50px;
		margin-top:10px;
		border-bottom:1px solid #A7A7A7;
}
.one{
		float:left;
		margin-right:20px;
}
.center{
		float:left;
}
.name{
		font-weight:bold;
		font-size:14px;
}
.message{
		margin-top:5px;
		font-size:14px;
		color:#A7A7A7;
}
.update{
		float:right;
		border-radius:10px;
		padding:10px 30px 10px 30px;
		background:#DEF8EC;
		color:#29D080;
}
</style>
<body style="background:#F9F3FF">
<div id="right" >
	<div class="head">
		<div class="tx"><img src="../img/${r.getEmployee_via()}" width="80px" height="80px"></div>
		<div class="id">用户${r.getEmployee_id()}</div>
	</div>
	<ul class="foot">
		<li><div class="one"><img src="../img/b.png" width="32px" height="32px"></div>
			<div class="center">
				<div class="name">姓名:${r.getEmployee_name()}</div>
				<div class="message">用于识别员工信息</div>
			</div>
			<div class="update">修改</div>
		</li>
		<li><div class="one"><img src="../img/c.png"></div>
			<div class="center">
				<div class="name">密码:******</div>
				<div class="message">用于保护账号安全</div>
			</div>
			<div class="update">修改</div>
		</li>
		<li>
			<div class="one"><img src="../img/d.png"></div>
				<div class="center">
					<div class="name">邮箱:${r.getEmployee_email()}</div>
					<div class="message">安全邮箱可用于登录OPPO账号，重置密码或其他安全验证</div>
				</div>
			<div class="update">修改</div>
		</li>
		<li>
			<div class="one"><img src="../img/e.png"></div>
				<div class="center">
					<div class="name">职位：${r.getEmployee_adm()}</div>
					<div class="message">有助于维护员工秩序</div>
				</div>
			<div class="update">修改</div>
		</li>	
	</ul>
</div>
</body>
</html>